<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" href="/css/element.css" />
</head><link rel="stylesheet" href="/css/element.css">

<script src="/js/Vue.js"></script>
<script src="/js/element.js"></script>
<script src="/js/axios.js"></script>
<script src="/js/formDataUtils.js"></script>
<script src="/js/jquery.min.js"></script>
<style>
    #tools .el-card__body {
        padding: 5px 5px 5px 20px;
    }
    .el-link {
        margin-right:8px;
    }
    #tools .el-button {
        padding: 10px 8px 10px 5px;
    }
    #template {
        height:100%;
    }
    /* #search .el-card__body {
        height: 120px;
    } */
    #table {
        height:calc(100% - 120px);
    }
    /*翻页样式*/
    .el-pagination {
        margin-top:5px;
    }
    #tools .el-button {
        padding: 10px 8px 10px 5px;
        background-color:whitesmoke !important;
        color: black !important;
        border: none !important;
      }
      .el-form-item label{
        text-align: left !important;
        width: 68px !important;
        vertical-align: middle;
        float: left;
        font-size: 14px;
        color: #606266;
        line-height: 40px;
        padding: 0 12px 0 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
      }
</style>
<div id="template">
    <!--    用户查询框-->
    <el-card class="box-card" id="search" >
        <el-form :inline="true" class="demo-form-inline" >
            <el-form-item label="系列名称">
                <el-input clearable placeholder="seriaName" style="width:200px;" id="name" v-model="name"  @change="setParam"></el-input>
            </el-form-item>
            <el-form-item label="正高级">
                <el-input clearable placeholder="senior" style="width:200px;" id="senior" v-model="senior"  @change="setParam"></el-input>
            </el-form-item>
            <el-form-item label="副高级">
                <el-input clearable placeholder="subSenior" style="width:200px;" id="deputySenior" v-model="subSenior" @change="setParam"></el-input>
            </el-form-item>
            <el-form-item label="中级">
                <el-input clearable placeholder="intermediate" style="width:200px;" id="midLevel" v-model="intermediate" @change="setParam4"></el-input>
            </el-form-item>
            <el-form-item label="初级">
                <el-input clearable placeholder="junior" style="width:200px;" id="junior" v-model="junior" @change="setParam"></el-input>
            </el-form-item>
            <el-form-item label="员级">
                <el-input clearable placeholder="stuff" style="width:200px;" id="staff" v-model="staff" @change="setParam"></el-input>
            </el-form-item>
        </el-form>

</div>

<script>
    Vue.config.productionTip = false;//屏蔽提示信息
    //当前编辑的场景数据
    var sceneData = {};
    var item = parent.updateItem;
    //场景id
    var sceneId;
    var tem = new Vue({
        el: "#template",
        data() {
            return {
                
                name:"",
                senior:"",    
                subSenior:"",
                intermediate:"",
                junior:"",
                staff:"",
                
            }
        },
        methods:{
            setParam(e){
                parent.parent.name = this.name;   //这里明明是parent
                parent.parent.senior = this.senior;
                parent.parent.subSenior = this.subSenior;
                parent.parent.intermediate = this.intermediate;
                parent.parent.junior = this.junior;
                parent.parent.staff = this.staff;
        },
        getItem(){
            this.name = item.name;
            this.senior = item.senior;
            this.subSenior = item.subSenior;
            this.intermediate = item.intermediate;
            this.junior = item.junior;
            this.staff = item.staff;
        }
    },mounted(){
        this.getItem();
    }
    })
</script>

</html>
